<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>产品详情页</title>
    <link rel="stylesheet" type="text/css" href="../../css/all.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/pages-item.css"/>
</head>
<script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../../js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="../../js/plugins/jquery.jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="../../js/plugins/jquery.jqzoom/zoom.js"></script>
<script>
    // /*获取username*/
    // $.get("/portal/username.do", function (data) {
    //     console.log(data);
    // })
</script>
<body>
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom">
    <!--顶部-->
    <div class="nav-top">
        <div class="top">
            <div class="py-container">
                <div class="shortcut">
                    <ul class="fr">
                        <li class="f-item">
                            <a href="../../login.html" target="_blank">登录/注册</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--头部-->
        <div class="header">
            <div class="py-container">
                <div class="yui3-g Logo">
                    <div class="yui3-u Left logoArea">
                        <a class="logo-bd" href="index.html" target="_blank">
                        </a>
                    </div>
                    <div class="yui3-u Rit searchArea">
                        <div class="search">
                            <form action="" class="sui-form form-inline">
                                <!--searchAutoComplete-->
                                <div class="input-append">
                                    <input type="text" id="autocomplete" class="input-error input-xxlarge"/>
                                    <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 商品分类导航 -->
<div class="typeNav">
    <div class="py-container">
        <div class="yui3-g NavList">
            <div class="yui3-u Center navArea">
                <ul class="nav">
                    <li class="f-item">
                        <span><a href="index.html">首页</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="overview.html">项目总览</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="sponsorinform.html">发起众筹</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="myHome.html">我的众筹</a></span>
                    </li>
                </ul>
            </div>
            <div class="yui3-u Right"></div>
        </div>
    </div>
</div>


<div class="py-container">
    <div id="item">
        <!--product-info-->
        <div class="product-info">
            <div class="fl preview-wrap">
                <img th:src="${project.imgHead}">
            </div>
            <div class="fr itemInfo-wrap">
                <div class="sku-name">
                    <h4 th:text="${project.name}"></h4>
                </div>
                <div class="summary">
                    <div class="summary-wrap">
                        <div class="fl title">
                            <i>目标金额</i>
                        </div>
                        <div class="fl price">
                            <i>¥</i>
                            <em th:text="${project.moneyTotal}"></em>
                        </div>
                    </div>
                    <div class="summary-wrap">
                        <div class="fl title">
                            <i>已筹金额</i>
                        </div>
                        <div class="fl price">
                            <i>¥</i>
                            <em th:text="${project.moneyHaved}"></em>
                        </div>
                    </div>
                    <div class="summary-wrap">
                        <div class="fl title">
                            <i>完成进度</i>
                        </div>
                        <div class="fl price">
                            <em th:text="${project.moneyHaved / project.moneyTotal}"></em>
                        </div>
                    </div>
                    <div class="summary-wrap" th:if="${project.daysTotal - project.daysHaved} gt '0'">
                        <div class="summary-wrap">
                            <div class="fl fix-width">
                                <em class="t-gray">此项目必须得到</em>
                                <em class="t-red"> ￥</em>
                                <em class="t-red" th:text="${project.moneyTotal}"> </em>
                                <em class="t-gray">的支持才可成功！ 剩余</em>
                                <em class="t-red" th:text="${project.daysTotal - project.daysHaved}"></em>
                                <em class="t-gray">天！</em>
                            </div>
                        </div>
                    </div>
                    <div class="summary-wrap">
                        <div class="fl">
                            <ul class="btn-choose unstyled">
                                <li><!--+'&user_id='+${user.id}-->
                                    <a th:href="@{'/projects/queryAll.do?project_id='+${project.id}}"
                                       target="_blank" class="sui-btn  btn-danger addshopcar">立即支持</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--product-detail-->
        <div class="clearfix">
            <div class="like">
                <h4 class="kt">发起组织介绍</h4>
                <div class="intro-detail">
                    <ul class="goods-intro unstyled">
                        <li>客服电话：<span th:text="${project.teamPhone}"></span></li>
                        <li>介绍：</li>
                        <li th:text="${project.introSimple}"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix">
            <div class="like">
                <h4 class="kt">项目介绍</h4>
                <div class="intro-detail">
                    <img th:src="${project.imgDetails}"/>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部栏位 -->
<!--页面底部-->
<div class="clearfix footer">
    <div class="py-container">
        <div class="footlink">
            <div class="Mod-copyright">
                <ul class="helpLink">
                    <li>关于我们
                        <span class="space"></span>
                    </li>
                    <li>联系我们
                        <span class="space"></span>
                    </li>
                    <li>个人中心
                        <span class="space"></span>
                    </li>
                    <li>我要发起
                        <span class="space"></span>
                    </li>
                    <li>我要支持
                        <span class="space"></span>
                    </li>
                    <li>收货地址
                        <span class="space"></span>
                    </li>
                    <li>实名认证
                        <span class="space"></span>
                    </li>
                    <li>基本信息
                        <span class="space"></span>
                    </li>
                    <li>发起协议</li>
                </ul>
                <p>地址：xxx 邮编：xxx 电话：xxx-xxx-xxxx 传真：xxx-xxxxxxxx</p>
            </div>
        </div>
    </div>
</div>


</body>

</html>